import React from 'react'
import './Sidebar.scss'
import TwitterIcon from '@mui/icons-material/Twitter';
import SidebarOption from './src/SidebarOption'
import HomeIcon from '@mui/icons-material/Home';
import SearchIcon from '@mui/icons-material/Search';
import NotificationsNoneIcon from '@mui/icons-material/NotificationsNone';
import MailOutlineIcon from '@mui/icons-material/MailOutline';
import BookmarkBorderIcon from '@mui/icons-material/BookmarkBorder';
import ListAltIcon from '@mui/icons-material/ListAlt';
import PermIdentityIcon from '@mui/icons-material/PermIdentity';
import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
import Button from '@mui/material/Button';
function Sidebar() {
  return (
    <div className='Sidebar'>
      <TwitterIcon className='Sidebar_tweeticon'/>
      <SidebarOption active Icon={HomeIcon} text="主页"/>
      <SidebarOption Icon={SearchIcon} text="搜索"/>
      <SidebarOption Icon={NotificationsNoneIcon} text="消息"/>
      <SidebarOption Icon={MailOutlineIcon} text="邮件"/>
      <SidebarOption Icon={BookmarkBorderIcon} text="书签"/>
      <SidebarOption Icon={ListAltIcon} text="列表"/>
      <SidebarOption Icon={PermIdentityIcon} text="个人资料"/>
      <SidebarOption Icon={MoreHorizIcon} text="更多"/>
      <Button variant='outlined' fullWidth={true} className='Sidebar_tweet' >发布</Button>
    </div>
  )
}

export default Sidebar